<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
        <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<html>
<head>
<meta charset="UTF-8">
<meta name="Keywords" content="关键词,关键词">
<meta name="description" content="">
<title></title>
<!-- <script type="text/javascript" -->
<%-- 	src="${pageContext.request.contextPath }/js/jquery-1.11.0.min.js"></script> --%>
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/base.css" type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/headbott.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/index.css"
	type="text/css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/css/ly-list.css"
	type="text/css" />
	<script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/jquery1.12.4.min.js"></script>
	 <script type="text/javascript" src="${pageContext.request.contextPath}/js/project/jquery.min.js">
</script>
	<%-- <script type="text/javascript" src="${pageContext.request.contextPath}/js/project/ptype.js">
</script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/project/address.js">
</script> --%>
</head>

<body>


	<div id="header">
		<div class="heade-con">
			<div class="logo">
				<a href=""><img
					src="${pageContext.request.contextPath }/images/LOGO.png" /></a>
			</div>
			<div class="nav posa">
				<ul>
					 <li><a href="${pageContext.request.contextPath }/pages/frontIndex.action">首页</a></li>
                <li><a href="${pageContext.request.contextPath }/Projects/frontList.action">公益众筹</a></li>
                <li><a href="${pageContext.request.contextPath }/add/questionAllList.action">常见问题</a></li>
					<li><a
						href="${pageContext.request.contextPath }/news/frontComments.action"
						class="vcolor">众筹资讯</a></li>
					<li><a
						href="${pageContext.request.contextPath }/pages/publish/TheProject.action"
						style="">发布项目</a></li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					<input type="text" class="search-txt" value="" placeholder="找项目">
					<input type="submit" class="search-but" value="">
				</form>
			</div>
			<div class="index-login">
<c:if test="${user == null }">
				<a href="${pageContext.request.contextPath }/pages/frontLogin.action">登录</a>
				<span style="color: white;">|</span>
				<a href="reg.html">注册</a>
				<span style="color: white;">|</span>
				</c:if>
				<c:if test="${user != null }">
				
				<a href="${pageContext.request.contextPath }/pages/user.action" style="color:green;font-size:20px">热烈欢迎: ${user.name }</a>
				<a  href="${pageContext.request.contextPath }/pages/secede.action" style="color:red;font-size:18px">退出</a>
				</c:if>
		</div>
		</div>
	</div>



	<div class="ly-list_con">
		<div class="ly-list_conl">
			<div class="ly-list_conltit">
				<i></i>路演视频
			</div>
		<c:forEach items="${findAllSplit}" var="news">
			<div class="ly-list_conlcon" id = "fff">
			<a id="${news.id }" href="#" onclick="revamp(${news.id })">${news.title }</a>
			</div>
		</c:forEach>
		</div>
		<div class="ly-list_conf">
			<div class="ly-l_csp" id="video12">
				<%-- <video width="530" height="360" controls> <source id="video11"
					src="${newsOne }" type="video/mp4"> <source src="movie.ogg"
					type="video/ogg"></video> --%>
					<video width="530" height="360" src="${newsOne }" controls="controls" id="video11">
				    </video>
			</div>
			<div class="ly-l_clistt">
				<div class="ly-l_clistttit">内容介绍</div>
				<div class="ly-l_clisttmin" id="pid">
					<!-- <p>共建海韵青年旅舍 和我们来一次远方的约定吧！</p> -->
					<p id="p">${newsOne1 }</p>
					<br> <a href="">报名路演</a>
				</div>
			</div>
			<script>
			/* $(function revamp(){
				  $("p").text("p标签内容");
				}) */
	function revamp(id){
		
		$.ajax({
			url : "${pageContext.request.contextPath }/news/dandu.action?id="+id,
			method : "post",
			dataType: "json",
			data: {'id':id},
			success: function(data) {
				//$("#video11").attr("src", '');
				//$("#video12:first source").attr('src',data.video1);
				//document.getElementById('video11').src='data.video1';
				$("#video11").attr('src', data.video1);
				$("#p").html('');
				$("#pid").html(data.content1 );
// 				$("#p").text(data.content1);
			},
			error: function(){
				alert("保存草稿失败!!!");
			}
		})
	}

</script>
			<div class="ly-list_conbot">
				<div class="ly-list_cbttit">成功案例</div>
				<div class="ly-list_ch1">
					<div class="ly-list_ch2"></div>
				</div>
				<div class="ly-list_cbtmin">
					<c:forEach items="${findAllSplitSuccessful}" var="projects">
					<ul>
						<li>
							<div class="ly-list_cmpic">
								<a href=""><img width="230" height="110"
									src="${projects.file }"
									alt="" /></a> <i></i> <b>(215)</b>
							</div>
							<p>
								<a href="">${projects.name }</a>
							</p>
						</li>
					</ul>
					</c:forEach>
				</div>
			</div>
		</div>



<%-- <c:forEach items="${findAllSplitSuccessful}" var="projects">
					<ul>
						<li>
							<div class="ly-list_cmpic">
								<a href=""><img width="170" height="190"
									src="${projects.file }"
									alt="" /></a> <i></i> <b>(215)</b>
							</div>
							<p>
								<a href="">${projects.name }</a>
							</p>
						</li>
					</ul>
					</c:forEach> --%>

	</div>
	<div id="bottom">
		<div class="bot-con1">
			<ul>
				<li class="bot-con1-li1">我们已经做到</li>
				<li>单项支持人数<span class="inde-span1"></span></li>
				<li>单项筹款金额<span class="inde-span2"></span></li>
				<li>累计筹款金额<span class="inde-span3"></span></li>
			</ul>
		</div>
		<div class="bot-con1 bot-con2">
			<ul>
				<li class="bot-con1-li1">发起项目流程</li>
				<li><span class="inde-span4"></span>发起人创建项目</li>
				<li><span class="inde-span5"></span>项目获得支持</li>
				<li><span class="inde-span6"></span>发起人发放回报</li>
				<li><span class="inde-span7"></span>用户收到回报</li>
			</ul>
		</div>
		<div class="bottom-ggt">
			<a href=""><img
				src="${pageContext.request.contextPath }/images/bottbom_68.jpg"
				alt="" /></a>
		</div>
		<div class="zc-yqlink">
			<ul>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里旅行</a></li>
				<li><a href="">阿里云计算</a></li>
				<li><a href="">阿里巴巴集团</a></li>
				<li><a href="">淘宝网</a></li>
				<li><a href="">天猫</a></li>
				<li><a href="">聚划算</a></li>
				<li><a href="">全球速卖通</a></li>
				<li><a href="">阿里巴巴国际交易市场</a></li>
				<li><a href="">1688</a></li>
				<li><a href="">阿里妈妈</a></li>
				<li><a href="">阿里云计算</a></li>
			</ul>
		</div>
		<div class="footer-bd">

			<a href=" ">关于淘宝</a> <a href=" ">合作伙伴</a> <a href=" ">营销中心</a> <a
				href=" ">廉正举报</a> <a href=" ">联系客服</a> <a href=" ">开放平台</a> <a
				href=" ">诚征英才</a> <a href=" ">联系我们</a> <a href=" ">网站地图</a> <a
				href=" ">法律声明</a> <em>© 2003-2015 Taobao.com 版权所有</em><br> <br>
			<span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span> <b>|</b> <span
				data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
			<b>|</b> <span>信息网络传播视听节目许可证：1109364号</span> <b>|</b> <span>举报电话:0571-81683755</span>
		</div>
	</div>
</body>
</html>